<!DOCTYPE html>
<html lang="zh-CN">
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?8ce9bfe8990697d49b53155401e40598";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
        <link rel="icon" type="image/png" href="images\A5.png">
    
    <title>公安专栏</title>
    <style>
        body {
            margin: 0;
            overflow-y: auto; /* 允许垂直滚动，便于浏览长文 */
            background: linear-gradient(135deg, #0c0c0c 0%, #1a1a2e 50%, #16213e 100%);
            cursor: default;
            font-family: 'Arial', sans-serif;
            -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
        }

        canvas { display: block; }

        .hamburger {
            display: none;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            width: 40px;
            height: 40px;
            cursor: pointer;
            background: none;
            border: none;
            z-index: 3000;
        }
        .hamburger span {
            display: block;
            width: 28px;
            height: 4px;
            margin: 4px 0;
            background: #2196f3;
            border-radius: 2px;
            transition: 0.3s;
        }

        .header {
            position: fixed;
            top: 0; left: 0; right: 0;
            height: 80px;
            background: linear-gradient(90deg, rgba(0,0,0,0.9) 0%, rgba(26,26,46,0.9) 50%, rgba(22,33,62,0.9) 100%);
            backdrop-filter: blur(15px);
            border-bottom: 1px solid rgba(0,255,136,0.3);
            z-index: 2000;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0 16px; 
        }
    .header-left { display: flex; align-items: center; gap: 12px; }

        .logo { font-size: 24px; font-weight: bold; color: #00ff88; text-shadow: 0 0 10px rgba(0,255,136,0.5); }

        .capsule-btn {
            display: inline-block; padding: 0.35em 1.2em; border-radius: 999px;
            background: linear-gradient(90deg,#1976d2 0%,#2196f3 100%);
            color:#f5f5f5; font-weight:500; font-size:15px; text-decoration:none;
            box-shadow:0 2px 6px rgba(25,118,210,0.10); border:none; transition: background .3s, box-shadow .3s, transform .2s;
            cursor:pointer; outline:none; white-space:nowrap;
        }
        .capsule-btn:hover,.capsule-btn:focus{ background:linear-gradient(90deg,#1565c0 0%,#1976d2 100%); box-shadow:0 4px 12px rgba(25,118,210,0.18); transform:translateY(-2px) scale(1.04); }

        .nav-menu {
            display:flex; gap:18px; list-style:none; margin:0; padding:0; justify-content:center; width:auto; 
        }
        .nav-menu li { flex:0 0 auto; }
        .nav-menu li a { color:white; text-decoration:none; font-size:16px; transition:color .3s; position:relative; }
        .nav-menu li a:hover{ color:#00ff88; }
        .nav-menu li a::after{ content:''; position:absolute; bottom:-5px; left:0; width:0; height:2px; background:#00ff88; transition:width .3s; }
        .nav-menu li a:hover::after{ width:100%; }

        .nav-menu::-webkit-scrollbar{ height:6px; }
        .nav-menu::-webkit-scrollbar-thumb{ background:#1976d2; border-radius:3px; }
        .nav-menu::-webkit-scrollbar-track{ background:#eee; }

        .status-indicator{ display:flex; align-items:center; gap:8px; color:#00ff88; font-size:14px; }
        .status-dot{ width:8px; height:8px; background:#00ff88; border-radius:50%; animation:pulse 2s infinite; }
        @keyframes pulse{ 0%,100%{opacity:1;} 50%{opacity:0.5;} }

        .footer {
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            height: 60px;
            background: linear-gradient(90deg, rgba(0,0,0,0.9) 0%, rgba(26,26,46,0.9) 50%, rgba(22,33,62,0.9) 100%);
            backdrop-filter: blur(15px);
            border-top: 1px solid rgba(0,255,136,0.3);
            z-index: 2000;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0 30px;
        }
        .footer-center {
            color: #fff !important;
            font-size: 18px !important;
            font-weight: 700 !important;
            text-align: center !important;
            text-shadow: 0 0 12px #00ff88, 0 0 4px #fff, 0 2px 12px rgba(0,255,136,0.35);
            letter-spacing: 2px !important;
            width: 100%;
            text-align: center;
        }

        .social-links a{ color:#fff !important; text-shadow:0 0 8px #00ff88,0 0 2px #fff; }
        .social-links a:hover{ color:#00ff88 !important; text-shadow:0 0 12px #00ff88,0 0 4px #fff; }

    .avatar-img{ width:48px; height:48px; border-radius:50%; box-shadow:0 2px 8px rgba(25,118,210,0.15); margin-right:8px; object-fit:cover; vertical-align:middle; flex-shrink:0; }
    .avatar-name{ font-size:22px; font-weight:bold; color:#00ff88; margin-right:12px; letter-spacing:2px; text-shadow:0 0 8px #00ff88,0 0 2px #fff; }
    .title-badge{ height:32px; width:auto; margin-right:8px; vertical-align:middle; display:inline-block; max-width:60%; overflow:visible; }

        .header-right{ position:fixed; right:12px; top:calc(80px + 12px); display:flex; align-items:center; gap:12px; z-index:2500; pointer-events:auto; }
        .dynamic-clock{ color:#bfffd6; font-weight:600; font-size:14px; padding:6px 10px; border-radius:999px; background:rgba(0,0,0,0.18); box-shadow:0 2px 8px rgba(0,255,136,0.06); text-shadow:0 0 6px rgba(0,255,136,0.15); white-space:nowrap; }

        @media (max-width:900px){
            .header-right{ display:none; }
        }

        @media (max-width:900px){
            .hamburger{ display:flex; }
            .nav-menu{
                display:none !important;
                flex-direction:column;
                gap:10px;
                position:fixed;
                top:90px;
                left:50%;
                transform:translateX(-50%);
                width:86%;
                max-height:calc(100vh - 170px);
                padding:12px 16px 120px 16px; 
                background:rgba(26,35,126,0.94);
                backdrop-filter:blur(6px);
                border-radius:12px;
                box-shadow:0 8px 32px rgba(0,0,0,0.45);
                overflow-y:auto;
                -webkit-overflow-scrolling:touch;
                touch-action:pan-y;
                overscroll-behavior: contain;
                white-space:normal;
                scrollbar-width:thin;
                scrollbar-color:#1976d2 rgba(0,0,0,0.1);
                z-index:9999;
                pointer-events:auto;
            }
            .nav-menu.show{ display:flex !important; }
            .nav-menu li{ margin:10px 0; text-align:center; }
            .nav-menu::-webkit-scrollbar{ height:8px; }
            .nav-menu::-webkit-scrollbar-thumb{ background:#1976d2; border-radius:4px; }
            .header-left{ flex:1; min-width:0; justify-content:flex-start; align-items:center; }
            .hamburger{ margin-left:auto; }
            .avatar-img{ width:40px; height:40px; }
            .title-badge{ height:26px; max-width:55%; }
        }
    </style>
    <style>
        .content-container{ padding: 100px 8vw 120px 8vw; box-sizing: border-box; min-height: calc(100vh - 200px); }
        /* 确保内容不会被固定头部/页脚遮挡，且滚动体验平滑 */
        html, body{ scroll-behavior: smooth; }
        @supports (position: sticky) {
            .content-container{ padding-top: calc(80px + 28px); padding-bottom: calc(60px + 28px); }
        }
        .declaration{ max-width: 980px; margin: 0 auto; background: rgba(255,255,255,0.03); padding: 36px; border-radius: 12px; box-shadow: 0 8px 40px rgba(0,0,0,0.6); color: #e6fff2; line-height: 1.9; }
    .declaration-title{ font-size: 28px; color: #00ff88; margin: 0 0 18px 0; text-shadow:0 0 8px rgba(0,255,136,0.25); text-align:center; }
    .declaration p{ font-size:16px; margin: 12px 0; color: #dfffe6; text-indent:2em; }
    .declaration ol{ margin-left: 20px; color: #dfffe6; }
    .declaration li{ margin: 8px 0; text-indent:2em; }
        .declaration .caption{ margin-top:18px; font-size:13px; color:#9fffcf; text-align:right; text-indent:0; }
        .manual-list{ margin-top:8px; }
        .manual-item{ margin: 10px 0; text-indent:2em; line-height:1.9; }
        @media (max-width:900px){ .content-container{ padding: 90px 4vw 100px 4vw; } .declaration{ padding:20px; } .declaration-title{ font-size:22px; } }
    </style>
    <style>
        @media (max-width:900px){
            .nav-menu{ display:none !important; }
        }
    </style>
</head>
<body>
<header class="header">
    <div class="header-left">
        
            <img src="images\A5.png" alt="头像" class="avatar-img">
            <button class="hamburger" id="hamburgerBtn" aria-label="菜单">
                <span></span>
                <span></span>
                <span></span>
            </button>
        <nav>
            <ul class="nav-menu" id="navMenu">
                <li><a class="capsule-btn" href="index.html">网站主页</a></li>
                <li><a class="capsule-btn" href="statement.html">重要申明</a></li>
                <li><a class="capsule-btn" href="police.html">公安专栏</a></li>
                <li><a class="capsule-btn" href="procuratorate.html">检察专栏</a></li>
                <li><a class="capsule-btn" href="court.html">法院专栏</a></li>
                <li><a class="capsule-btn" href="interview.html">信访专栏</a></li>
                <li><a class="capsule-btn" href="inspection.html">巡视专栏</a></li>
                <li><a class="capsule-btn" href="law.html">法规专栏</a></li>
                <li><a class="capsule-btn" href="webmaster.html">站长动态</a></li>
                <li><a class="capsule-btn" href="contact.html">联系站长</a></li>
            </ul>
        </nav>
    </div>
    </div>
    <div class="header-right">
        <div id="dynamic-clock" class="dynamic-clock" aria-live="polite">正在加载时间...</div>
    </div>
    <script>
    document.addEventListener('DOMContentLoaded', function() {
        var hamburger = document.getElementById('hamburgerBtn');
        var navMenu = document.getElementById('navMenu');
        var placeholder = document.createElement('div');
        placeholder.style.display = 'none';
        navMenu.parentNode.insertBefore(placeholder, navMenu.nextSibling);

      navMenu.classList.remove('show');
      try { console.info('navMenu items count:', navMenu.querySelectorAll('li').length);
          console.info(Array.from(navMenu.querySelectorAll('li a')).map(a=>a.textContent.trim())); } catch(e) {}
        if (window.innerWidth <= 900) {
            navMenu.style.display = 'none';
        }

        var movedToBody = false;

        hamburger.addEventListener('click', function() {
            var isShown = navMenu.classList.toggle('show');
            navMenu.style.display = '';

            if (isShown) {
                if (!movedToBody) {
                    document.body.appendChild(navMenu);
                    movedToBody = true;
                }
                setTimeout(function() { navMenu.scrollTop = 0; }, 50);
            } else {
                if (movedToBody) {
                    placeholder.parentNode.insertBefore(navMenu, placeholder.nextSibling);
                    movedToBody = false;
                }
            }
        });
    });
    </script>
</header>

<main class="content-container" role="main" aria-labelledby="declaration-title">
    <section class="declaration" id="declaration" aria-label="公安专栏">
        <h1 id="declaration-title" class="declaration-title">公安专栏</h1>

    <h3>一、问题清单</h3>

   <div class="manual-list">
            <p class="manual-item">1. 关于2019年1月20日案发与被毓秀路派出所滞留超24小时送羁问题</p>
            <p class="manual-item">2. 关于履行法定告知义务，截止目前（2025年9月22日）被告人家属未实际收到刑事拘留通知书和逮捕通知书问题</p>
            <p class="manual-item">3. 关于2019年3月27日前未实际向被告人（嫌疑人）告知鉴定意见的问题</p>
            <p class="manual-item">4. 关于2024年11月13日被告人刑释后第一次前往派出所领取随身物品无果的问题</p>
            <p class="manual-item">5. 关于2024年12月16日被告人报案后被毓秀路派出所采取询问措施未开具询问通知书和篡改报案回执关于被告人（即报案人）联系电话和现住地址，阻碍问题解决的问题</p>
            <p class="manual-item">6. 关于2024年12月18日毓秀路派出所先是致电被告人称可解决随身物品和实际办案人的问题，要求前往。但被告人抵达该所却不露面让他人以问题已解决敷衍打发被告人，走形式主义的问题</p>
            <p class="manual-item">7. 关于2024年12月18日被告人在贵阳市公安局云岩分局督察举报并提交证据材料遭到督察（警号：041661）选择性接受和初步敷衍答复的问题</p>
            <p class="manual-item">8. 关于2024年12月31日贵阳市公安局云岩分局致电被告人走形式，无实质性处理举报的问题</p>
            <p class="manual-item">9. 关于2025年8月26日被告人与父亲前往该所确认未收到刑事拘留通知书和逮捕通知书被敷衍的问题</p>
        </div>

    <h3>二、证据目录</h3>
   <div class="manual-list">
            <p class="manual-item">1. </p>
            <p class="manual-item">2. </p>
            <p class="manual-item">3. </p>
            <p class="manual-item">4. </p>
            <p class="manual-item">5. </p>
            <p class="manual-item">6. </p>
            <p class="manual-item">7. </p>
            <p class="manual-item">8. </p>
        </div>

    <h3>三、关联说明</h3>
   <div class="manual-list">
            <p class="manual-item">1. </p>
            <p class="manual-item">2. </p>
            <p class="manual-item">3. </p>
            <p class="manual-item">4. </p>
            <p class="manual-item">5. </p>
            <p class="manual-item">6. </p>
            <p class="manual-item">7. </p>
            <p class="manual-item">8. </p>
        </div>
    </section>
</main>

<footer class="footer">
    <div class="footer-center">
        <span>© 2025 王贵平保留所有权</span>
    </div>
</footer>

<script>
    (function(){
        function pad(n){ return n<10?('0'+n):n; }
        function weekdayName(d){ return ['星期日','星期一','星期二','星期三','星期四','星期五','星期六'][d]; }
        function formatClock(date){
            return date.getFullYear() + '年' + (date.getMonth()+1) + '月' + date.getDate() + '日 ' + weekdayName(date.getDay()) + ' ' + pad(date.getHours()) + ':' + pad(date.getMinutes()) + ':' + pad(date.getSeconds());
        }

        var el = document.getElementById('dynamic-clock');
        if(!el) return;
        function update(){ el.textContent = formatClock(new Date()); }
        update();
        var timer = setInterval(update,1000);
        window.dynamicClock = { stop: function(){ clearInterval(timer); }, start: function(){ timer = setInterval(update,1000); } };
    })();
</script>
<script>
(function(){
    var svgBox = document.getElementById('floating-svg-container');
    if(!svgBox) return;
    var baseLeft = 5; 
    var amplitude = 3; 
    var speed = 0.7; 
    function animate(){
        var t = Date.now() * 0.001 * speed;
        var offset = Math.sin(t) * amplitude;
        svgBox.style.left = (baseLeft + offset) + 'vw';
    }
    setInterval(animate, 30);
})();
</script>
</body>
</html>